<template>
    <div class="bottom">
        <div class="bottom-box">
            <div class="logo">
                <img src="~images/logo.png" alt="banner"/>
            </div>
            <div class="solution">
                <div class="solution-title">解决方案</div>
                <div class="solution-item">
                    <div>建筑能源全过程量化管理</div>
                    <div>BIM 运维响应中心</div>
                    <div>设备设施 AIOT 增强管理</div>
                    <div>室内环境健康主动管理</div>
                </div>
            </div>
            <div class="industry-case">
                <div class="industry-case-title">行业案例</div>
                <div class="industry-case-item">
                    <div>万达集团 </div>
                    <div>新城集团</div>
                    <div>SOHO 中国</div>
                    <div>阿里巴巴</div>
                    <div>更多</div>
                </div>
            </div>
            <div class="about-us">
                <div class="about-us-title">关于我们</div>
                <div class="about-us-item">
                    <div>新闻资讯</div>
                    <div>公司简介</div>
                    <div>公司历程</div>
                    <div>荣誉资质</div>
                    <div>联系我们</div>
                </div>
            </div>
            <div class="join-us">
                <div class="join-us-title">加入我们</div>
                <div class="join-us-item">
                    <div>社会招聘</div>
                    <div>校园招聘</div>
                    <div>实习生招聘</div>
                </div>
            </div>
            <div class="contact-us">
                <div class="contact-us-title">联系我们</div>
                <div class="contact-us-item">
                    <div class="company-phone">400-7888-696</div>
                    <div class="service-sale-phone">服务  010-6266-8362 <br>销售  010-6297-8399</div>
                    <div class="qr-code">
                        <img src="" alt=""/>
                    </div>
                </div>
            </div>
        </div>
        <div class="bottom-info"><span style="font-size: 20px">© </span> <span>2016 Persagy. All rights reserved 京ICP备 09030380 号</span></div>
    </div>
</template>

<script>
export default {
    name: 'Bottom'
};
</script>

<style scoped lang="less">
.bottom{
    height: 460px;
    background-color: #F7F7F7;
    margin-top: 124px;
    &-info{
        height: 17px;
        font-size: 12px;
        font-family: PingFangSC-Medium, PingFang SC,serif;
        font-weight: 500;
        color: #8F8F8F;
        line-height: 17px;
        margin-top: 112px;
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
    }
    &-box{
        width: 1200px;
        margin: 0 auto;
        padding-top: 64px;
        display: flex;
        .solution{
            width: 269px;
            margin-left: 97px;
        }
        .industry-case, .join-us{
            width: 196px;
        }
        .about-us{
            width: 195px;
        }
        .contact-us-item{
            white-space: nowrap;
            .qr-code{
                width: 90px;
                height: 90px;
                margin-top: 14px;
            }
            .company-phone{
                height: 40px;
                font-size: 20px;
                font-family: PingFangSC-Medium, PingFang SC,serif;
                font-weight: 500;
                color: #616161;
                line-height: 40px;
                margin-top: 15px;
            }
            .service-sale-phone{
                height: 64px;
                font-size: 14px;
                font-family: PingFangSC-Medium, PingFang SC,serif;
                font-weight: 500;
                color: #616161;
                line-height: 32px;
            }
        }
        .solution-item, .industry-case-item, .about-us-item, .join-us-item{
            font-size: 14px;
            font-family: PingFangSC-Medium, PingFang SC,serif;
            font-weight: 500;
            color: #616161;
            line-height: 32px;
            margin-top: 21px;
        }
        .solution-title, .industry-case-title, .about-us-title, .join-us-title, .contact-us-title{
            height: 28px;
            font-size: 20px;
            font-family: PingFangSC-Medium, PingFang SC,serif;
            font-weight: 500;
            color: #434343;
            line-height: 28px;
            white-space: nowrap;
        }
        .logo{
            width: 128px;
            height: 48px;
            margin-left: -20px;
            img{
                width: 100%;
                height: 100%;
            }
        }
    }
}
</style>
